<?php if (!defined('THINK_PATH')) exit();?><!DOCTYPE html>
<html>
<head>
	<title></title>
	<meta charset="utf-8">
	<link rel="stylesheet" type="text/css" href="/exchange/Public/css/bootstrap.min.css">
	<script type="text/javascript" src='/exchange/Public/js/jquery-3.1.1.min.js'></script>
	<script type="text/javascript" src='/exchange/Public/js/bootstrap.min.js'></script>
	<style type="text/css">
	#myTab li{
		margin-left: 265px;
	}
  .red{color: red;font-weight: bold;font-size: 15px;margin-left: -80px;display: none;}
	</style>
</head>
<body>
<ul id="myTab" class="nav nav-tabs">
    <li class="active">
        <a href="#home" data-toggle="tab">
            发布二手精品
        </a>
    </li>
    <li>
         <a href="#ios" data-toggle="tab">发布求购信息
        </a>
    </li>
    <li>
         <a href="#test" data-toggle="tab">发布以物换物信息
        </a>
    </li>
</ul>
<div id="myTabContent" class="tab-content">
 <!--二手精品-->
    <div class="tab-pane fade in active" id="home">
 <form class="form-horizontal" role="form" action="ershou" enctype="multipart/form-data" method="post">

 <div class="form-group" style="margin-left: 250px;">
    <label for="name" class="col-sm-2 control-label">商品类别</label>&nbsp;
    <select class="form-control col-sm-5" style="width: 500px;" name="kinds">
      <option value="数码产品">数码产品</option>
      <option value="家用电器">家用电器</option>
      <option value="二手车">二手车</option>
      <option value="图书音像">图书音像</option>
      <option value="工艺收藏">工艺收藏</option>
      <option value="乐器运动">乐器运动</option>
    </select>
  </div><br>


  <div class="form-group" style="margin-left: 250px;">
    <label for="firstname" class="col-sm-2 control-label">商品描述</label>
    <div class="col-sm-5" style="width: 517px;">
      <input type="text" class="form-control" placeholder="例：九成新的红米note4X" name="desc">
    </div>
    <span class="red col-sm-2 control-label">描述不能为空</span>
  </div><br>


   <div class="form-group" style="margin-left: 250px;">
    <label for="lastname" class="col-sm-2 control-label">价格</label>
    <div class="col-sm-5" style="width: 517px;">
      <input type="text" class="form-control"  placeholder="1500" name="price">
    </div>
    <span class="red col-sm-2 control-label">价格不能为空</span>
  </div><br>


  <div class="form-group" style="margin-left: 250px;">
    <label for="name" class="col-sm-2 control-label">地区</label>
    <select class="form-control" style="width: 500px;" name="area">
      <option value="桥西区">桥西区</option>
      <option value="裕华区">裕华区</option>
      <option value="长安区">长安区</option>
      <option value="桥东区">桥东区</option>
      <option value="新华区">新华区</option>
      <option value="正定区">正定区</option>
      <option value="高新区">高新区</option>
    </select>
  </div><br>


  <div class="form-group" style="margin-left: 250px;">
    <label for="lastname" class="col-sm-2 control-label">详细地址</label>
    <div class="col-sm-5" style="width: 517px;">
      <input type="text" class="form-control"  placeholder="例：裕翔街26号" name="detail">
    </div>
    <span class="red col-sm-2 control-label">地址不能为空</span>
  </div><br>


  <div class="form-group" style="margin-left: 250px;">
    <label for="lastname" class="col-sm-2 control-label">联系方式</label>
    <div class="col-sm-5" style="width: 517px;">
      <input type="text" class="form-control"  placeholder="例：15732136925" name="contract">
    </div>
    <span class="red col-sm-2 control-label" style="margin-left: -30px;">联系方式不能为空</span>
  </div><br>


  <div class="form-group" align="center">
  		<input type="file" id="inputfile" name="file">
  </div><br>
  <button type="submit" class="btn btn-default" style="margin-left: 500px;" id="ershou_sub" onclick="return isSubmit()">提交</button>
  <button type="reset" class="btn btn-default" style="margin-left: 200px;">重置</button>
</form>
<script type="text/javascript">
$('input[name=desc]').blur(function(){
  if($(this).val()==''){
       $(this).parent().next().show();
  }
})
$('input[name=price]').blur(function(){
  if($(this).val()==''){
       $(this).parent().next().show();
  }
})
$('input[name=area]').blur(function(){
  if($(this).val()==''){
       $(this).parent().next().show();
  }
})
$('input[name=detail]').blur(function(){
  if($(this).val()==''){
       $(this).parent().next().show();
  }
})
$('input[name=contract]').blur(function(){
  if($(this).val()==''){
       $(this).parent().next().show();
  }
})
function isSubmit(){
if($('input[name=desc]').val()==""||$('input[name=price]').val()==""||$('input[name=area]').val()==""||$('input[name=detail]').val()==""||$('input[name=contract]').val()==""||$('input[name=file]').val()==""){
return false;
}
}
</script>
    </div>
    <!--二手精品-->
    <!--求购信息-->
    <div class="tab-pane fade" id="ios">
    <form class="form-horizontal" role="form">
  <div class="form-group" style="margin-left: 250px;">
    <label for="firstname" class="col-sm-2 control-label">求购商品描述</label>
    <div class="col-sm-5" style="width: 517px;">
  <input type="text" class="form-control" placeholder="例：九成新的红米note4X">
    </div>
  </div><br>
   <div class="form-group" style="margin-left: 250px;">
    <label for="lastname" class="col-sm-2 control-label">价格</label>
    <div class="col-sm-5" style="width: 517px;">
      <input type="text" class="form-control"  placeholder="1500">
    </div>
  </div><br>
  <div class="form-group" style="margin-left: 250px;">
    <label for="name" class="col-sm-2 control-label">地区</label>
    <select class="form-control" style="width: 500px;">
      <option>桥西区</option>
      <option>裕华区</option>
      <option>长安区</option>
      <option>桥东区</option>
      <option>新华区</option>
      <option>正定区</option>
      <option>高新区</option>
    </select>
  </div><br>
  <div class="form-group" style="margin-left: 250px;">
    <label for="lastname" class="col-sm-2 control-label">详细地址</label>
    <div class="col-sm-5" style="width: 517px;">
      <input type="text" class="form-control"  placeholder="例：裕翔街26号">
    </div>
  </div><br>
  <div class="form-group" style="margin-left: 250px;">
    <label for="lastname" class="col-sm-2 control-label">联系方式</label>
    <div class="col-sm-5" style="width: 517px;">
      <input type="text" class="form-control"  placeholder="例：15732136925">
    </div>
  </div><br>
</form>

    </div>
    <!--求购信息-->
    <!--以物换物-->
    <div class="tab-pane fade" id="test">
        <form class="form-horizontal" role="form">
         <div class="form-group" style="margin-left: 250px;">
    <label for="name" class="col-sm-2 control-label">商品类别</label>&nbsp;
    <select class="form-control col-sm-5" style="width: 500px;">
      <option>数码产品</option>
      <option>家用电器</option>
      <option>二手车</option>
      <option>图书音像</option>
      <option>工艺收藏</option>
      <option>乐器运动</option>
    </select>
  </div><br>
  <div class="form-group" style="margin-left: 250px;">
    <label for="firstname" class="col-sm-2 control-label">换品</label>
    <div class="col-sm-5" style="width: 517px;">
  <input type="text" class="form-control" placeholder="例：九成新的红米note4X">
    </div>
  </div><br>
   <div class="form-group" style="margin-left: 250px;">
    <label for="lastname" class="col-sm-2 control-label">想换的物品</label>
    <div class="col-sm-5" style="width: 517px;">
      <input type="text" class="form-control"  placeholder="1500">
    </div>
  </div><br>
  <div class="form-group" style="margin-left: 250px;">
    <label for="name" class="col-sm-2 control-label">地区</label>
    <select class="form-control" style="width: 500px;">
      <option>桥西区</option>
      <option>裕华区</option>
      <option>长安区</option>
      <option>桥东区</option>
      <option>新华区</option>
      <option>正定区</option>
      <option>高新区</option>
    </select>
  </div><br>
  <div class="form-group" style="margin-left: 250px;">
    <label for="lastname" class="col-sm-2 control-label">详细地址</label>
    <div class="col-sm-5" style="width: 517px;">
      <input type="text" class="form-control"  placeholder="例：裕翔街26号">
    </div>
  </div><br>
  <div class="form-group" style="margin-left: 250px;">
    <label for="lastname" class="col-sm-2 control-label">联系方式</label>
    <div class="col-sm-5" style="width: 517px;">
      <input type="text" class="form-control"  placeholder="例：15732136925">
    </div>
  </div><br>
</form>
    </div>
    <!--以物换物-->
</div>
</body>
</html>